		    //配置
		    var config = {
		        vx: 10,	//小球x轴速度,正为右，负为左
		        vy: 10,	//小球y轴速度
		        height: 2,	//小球高宽，其实为正方形，所以不宜太大
		        width: 2,
		        count: 200,		//点个数
		        color: "30, 30, 30", 	//点颜色
		        stroke: "100, 100, 100", 		//线条颜色
		        dist: 6000, 	//点吸附距离
		        e_dist: 20000, 	//鼠标吸附加速距离
		        max_conn: 10 	//点到点最大连接数
		    }

		    //调用
		    CanvasParticle(config);
			// 立即申请点击事件样式
			// 模拟服务器数据
			let data = [
				{"count": 4000, "price": 1200, "unitPrice": "0.3000"},
				{"count": 8000, "price": 2000,"unitPrice": "0.2500" },
				{"count": 40000, "price": 8000, "unitPrice": "0.2000" }
			];
			// 获取父标签对象
			let ul = document.querySelector ( ".saoma" );
			// 定义一个变量存放拼接数据
			let li = "";
			// 遍历拼接数组
			data.forEach( function( v , i ){
				li += `<li><a class="${i==0 ? "on" : ""}" href="#" price="${v.price}" unitPrice="${v.unitPrice}">${v.count}次</a></li>`;
			})
			console.log( li );
			ul.innerHTML += li;

			ul.addEventListener("click" , function(e){

			
			// 事件委派
			for( let i = 1 ; i < ul.children.length ; i++ ){
				console.log( ul.children[i] );
				ul.children[i].firstElementChild.className = "";
			}
			if( !( e.target.textContent === "扫码测试") ){
				e.target.className = "on";
				document.querySelector(".cishu").textContent = "￥"+e.target.getAttribute("price");
				document.querySelector(".liangfen").textContent = e.target.getAttribute("unitPrice")
			}
		})
		// 页签切换
		let a =document.querySelectorAll(".tabtop a");
		let div =document.querySelectorAll(".left-main>div");
		let is = 0;
		// console.log(div);
		// console.log(a);
		a.forEach(function( v , i ){
			v.addEventListener("click",function(){
				a[is].className = "";
				div[is].classList.remove("active");
				v.className = "on";
				div[i].classList.add("active");

				is = i
			})
		})
